@charset "utf-8";
@import "reset";


$fontsize:40;
@function r($px) {
    @return $px/$fontsize *1rem;
}



.web{
    width: 100%;
    height: 100%;
    position: relative;
}
header{
    width: 100%;
    height: r(128);
    position: absolute;
    top: 0;
    background: transparent;
    z-index: 2;
    .top{
        width: r(675);
        margin: 0 auto;
        line-height: r(34);
        margin-top: r(30);
        a{
            color: white;
        }
        .top_l{
            width: r(22);
            height: r(34);
            img{
                width: 100%;
            }
        }
        .top_r{
            font-size: r(8);
            color: white;
            letter-spacing:r(6);
            -webkit-text-stroke:r(3) white;
        }
        .top_c{
            width: r(145);
            margin: 0 auto;
            font-size: r(34);
            color: white;
        }
    }
}
section{
    position: absolute;
    top:r(0);
    bottom: 0;
    width: 100%;
    overflow-y: scroll;
    .tup{
        width: 100%;
        img{
            width: 100%;
        }
    }
    .name{
        width: 100%;
        text-align: center;
        font-size: r(56);
        margin-top:r(55) ;
        border-bottom: 1px solid #d8d8d8;
        p{
            font-size: r(20);
            color: #777777;
            margin-bottom: r(47);
            margin-top: r(30);
        }
    }
    ul{
        margin: 0 auto;
        margin-top:r(48) ;
        margin-bottom: r(43);
        text-align: center;
    }
    li{
        display: inline-block;
        width: 30%;
        font-size: r(18);
        a{
            color: black;
        }
        p{
            font-size: r(14);
            color: #c3c3c3;
        }
    }
    li:nth-child(3){
        margin: 0;
    }
}
